<template>
  <div>
    <el-form v-model="queryObj" label-width="100px" size="large">
      <el-row>
        <el-col :span="6" style="margin-right:0px">
          <el-form-item :label="$t('text.UserName')">
            <el-input v-model.trim="queryObj.userName" :placeholder="$t('text.UserName')" />
          </el-form-item>
        </el-col>
        <el-col :span="6" style="margin-right:0px">
          <el-form-item label="职位">
            <el-input v-model.trim="queryObj.job" placeholder="职位" />
          </el-form-item>
        </el-col>
        <!-- <el-col :span="6" style="margin-right:0px">
          <el-form-item :label="$t('text.UserNo')">
            <el-input v-model.trim="queryObj.userNo" :placeholder="$t('text.UserNo')" />
          </el-form-item>
        </el-col> -->
        <!-- <el-col :span="6" style="margin-right:0px">
          <el-form-item :label="$t('text.Role')">
            <el-input v-model.trim="queryObj.roleName" :placeholder="$t('text.Role')" />
          </el-form-item>
        </el-col> -->
        <searchbutton :isopen="isopen" :is-show-open="false" @isopenclickfn="isopenclick" @resetQueryfn="resetQueryfn" @queryClickfn="queryClickfn" />
      </el-row>
    </el-form>
  </div>
</template>

<script>
export default {
  props: {
    queryObj: {
      type: Object,
      required: true
    }
    // roleList: {
    //   type: Array,
    //   required: true
    // }
  },
  data() {
    return {
      isopen: false
    }
  },
  methods: {
    // 搜索按钮
    queryClickfn() {
      this.$emit('queryClickfn')
    },
    // 重置
    resetQueryfn() {
      this.$emit('resetQueryfn')
    },
    // 展开收起
    isopenclick() {
      this.isopen = !this.isopen
    }
  }
}
</script>

<style>
</style>
